/*
 * Copyright 2015-2016 Imply Data, Inc.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *     http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */

// Fonts -------------------

$bold: 600;

// Base Colors

$white: #ffffff;
$red: #ff0000;
$black: #000000;
$gray: #cccccc;
$danger: #e24c4c;

// Colors -------------------

$brand:                   hsl(200, 80%, 51%);
$brand-dark:              #004584;
$dark:                    $brand-dark;

$error:                   hsla(0, 72%, 59%, 1.00);

$border-super-light:      #e6e6e6;
$border-extra-light:      hsl(0, 0%, 87%);
$border-light:            hsl(0, 0%, 82%);
$border-medium:           hsl(0, 0%, 73%);
$border-dark:             hsl(0, 0%, 60%);
$border-darker:           hsl(0, 0%, 40%);

$background-base:         #e1e1e1;
$background-light:        hsl(0, 0%, 93%);
$background-lighter:      hsl(0, 0%, 95%);
$background-lightest:     hsl(0, 0%, 96%);
$background-medium:       hsl(0, 0%, 87%);
$background-dark:         hsl(0, 0%, 55%);

$background-brand:        $brand;
$background-brand-light:  hsl(198, 82%, 65%);


$text-standard:           hsl(0, 0%, 0%);
$text-medium:             hsl(0, 0%, 40%);
$text-light:              #999;
$text-lighterish:         #a6a6a6;
$text-lighter:            hsl(0, 0%, 73%);
$text-lightest:           hsl(0, 0%, 85%);
$text-link:               $brand;

// other

$hover:                   lighten($brand, 43);
$highlight:               darken($hover, 7%);
$highlight-border:        darken($brand, 8%);

$input-height:            30px;
$input-height-mini:       28px;
$form-spacing-compact:    14px;

// dimension items

$item-categorical:        hsl(201, 92%, 85%);
$item-continuous:         hsl(122, 49%, 84%);

// Vis

$main-time-line:          $brand;
$main-time-area:          rgba($brand, 0.14);
$grid-line-color:         hsl(0, 0%, 92%);

// Transitions ----------------

$duration: .2s;
$corner: 2px;
